<template>
  <div>
      <div class='header'>
        <div class='header-left'>
          <div class="iconfont back-iocn">&#xeb99;</div>
        </div>
        <input class='header-input' placeholder="输入景点/城市/主题" />
        <div class='header-right'>
          城市
          <span class="iconfont san">&#xe64a;</span>
        </div>
      </div>
  </div>
</template>

<script>
export default {
  name:'HomeHeader'
}
</script>

<style lang='stylus' scoped>
  @import '~styles/varibles.styl';
  .header
    line-height : .86rem;
    background :  $bgcolor;
    display :flex;
    .header-left 
      width :.64rem
      float :left 
      .back-iocn
        color :#fff;
        font-size :.4rem;
        text-align :center

   .header-input
      flex :1
      height .62rem
      line-height :.62rem;
      margin-top :.12rem;
      margin-left .2rem
      border-radius: .1rem
      color :#fff
      background :#fff; 
      
   .header-right
      width :1.24rem
      float:right
      text-align: center
      color :#fff
      .san
        font-size .24rem;
   
</style>


